/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}
/* 头部 */
.header{
	width:100%;
	height:rem(120px);
	background:#f0f0f0;
	ul{
		height:rem(120px);
		li{
			float:left;
			width:33.33%;
			height:rem(120px);
			.title{
				width:rem(180px);
				height:rem(117px);
				margin:auto;
				text-align: center;
				line-height: rem(117px);
				font-size:rem(45px);
			}
			.artive{
				border-bottom: rem(3px) solid #50b337;
				color:#50b337;
			}
		}
	}
}
.wrap-jiesao{
	width:100%;
	height:rem(120px);
	border-bottom:rem(1px) solid #f2f2f2;
	.jiesao{
		width:50%;
		height:rem(120px);
		font-size:rem(45px);
		text-align: center;
		float:left;
		line-height: rem(120px);
		border-bottom: rem(1px) solid #f0f0f0;
	}
	.artive{color:#50b337;}
}
/* 商品名称 */
.content{
	width:100%;
	height:rem(120px);
	border-bottom:rem(1px) solid #9a9a9a;
	display:flex;
	justify-content: space-between;
	.con-wrap{
		width:rem(1010px);
		height:100%;
		margin:0 auto;
		display:flex;
		justify-content: space-between;
		align-items:center;
		.item{
			width:rem(340px);
			height:100%;
			color:#505050;
			font-size:rem(40px);
		}
		.item-text{
			line-height: rem(120px);
		}
		.item-grow{
		  flex-grow: 1;
		  line-height:rem(45px); 
		  display:flex;
		 	align-items:center;
		}	
	}
}
/* 底部 */
.footer{
	width:100%;
	height:rem(145px);
	background:#FFF;
	position:fixed;
	bottom:0;
	ul{
		height:rem(145px);
		
		li{
			float:left;
			height:100%;
		}
		.footer-one{
			width:rem(445px);
			background:#FFF;
			.ico{
				width:33.33%;
				height:100%;
				i{
					color:#898989;
					font-size:rem(50px);
					display:block;
					text-align: center;
					margin:rem(20px) rem(0px) rem(15px) rem(0px);
				}
				span{
					color:#898989;
					font-size:rem(30px);
					display:block;
					text-align: center;
				}
			}
		}
		.f-wrap{
			color:#FFF;
			font-size:rem(40px);
			text-align: center;
			p{
				font-size: rem(35px);
				margin:rem(20px) rem(0px) rem(25px) rem(0px);
			}
			span{
				font-size:rem(40px);
			}
		}
		.footer-two{
			width:rem(320px);
			background:#febd00;
		}
		.footer-three{
			width:rem(315px);
			background:#fe5600;
		}
	}
}
/*.aa{
	width:100%;
	height:rem(145px);
}*/